/****赵晓莉***/
*{
    padding:0;
    margin:0;
}
li{
    list-style:none;
}
.clear{
    overflow: hidden;
}
.lc-content-loading .ball-pulse {
    position: relative;
    width: 80px;
    margin-left: 50%;
    left: -32px;
    margin-top: 15px;
}

.lc-content-loading .ball-pulse>div {
    background-color: #78B7AE;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);opacity:0.7;
    }
    80%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.ball-pulse>div:nth-child(0) {
    -webkit-animation: scale 0.75s 0s infinite
    cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale 0.75s 0.12s infinite
    cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale 0.75s 0.24s infinite
    cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale 0.75s 0.36s infinite
    cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.panel{
    border:none;
    box-shadow:0 1px 3px #f5f5f5;
}
.panel.bgB{
    border:none;
    box-shadow:0 1px 3px #99d7f2;
}
.panel.bgG{
    border:none;
    box-shadow:0 1px 3px #FFD4D4;
}

.panel-heading{
    border-bottom:none;
    padding:0.6em;
    font-size:1.2em;
    color:white!important;
}
.panel-bb{
    padding:0 15px 15px!important;
}
.panel-heading.boyBg{
    background-color:#99d7f2;
}
.panel-heading.girlsBg{
    background-color:#FFD4D4;
}
.panel-body{
    padding:0.6em;
}
.growing>div:nth-child(1){
    float:left;
    width:75%;
}
.growing>div:nth-child(2){
    float:left;
    width:23%;
    margin-left:2%;
}
.c-boy{
    color:#31add4;
}
.c-girls{
    color:#F07878;
}
.c-warn{
    color:#ff6b00;
}
/***评估数据**/
.babyInfo{
    padding:0.8em 0;
    border-bottom:1px solid #dfecf2;
}
.infoList{
    overflow: hidden;
    width:90%;
    margin:0 auto;
}
.infoList li{
    float:left;
    color:#BAB3BB;
}
.infoList li span{
    font-size:1.2em;
}
.infoList li span.boyBlue{
    color:#31add4;
}
.infoList li span.girlsRed{
    color:#F07878;
}
/***选项卡切换***/
#tabToggle{
    position:relative;
    height:30px;
}
#tabToggle ul li,#tabToggle ul li div{
    float:left;
}
#tabToggle ul{
    position:absolute;
}
#tabToggle ul.pos{
    left:50%;
}
#tabToggle ul li div{
    width:50%;
    padding:3px 0;
    color:#a8a8a8;
    cursor:pointer;
}
#tabToggle ul li{
    width:200px;
    margin:0 10px 10px 0;
    border-radius:6px;
    text-align:center;
}
#tabToggle ul li:last-child{
    margin-right:0;
}
.boysTab{
    border:1px solid #7BA9D0;
}
.girlsTab{
    border:1px solid #de9797;
}
.boysTab2{
    border-right:1px solid #7BA9D0;
}
.girlsTab2{
    border-right:1px solid #de9797;
}
#tabToggle ul li div.boysTabChecked{
    background-color:#7BA9D0;
    color:white;
}
#tabToggle ul li div.girlsTabChecked{
    background-color:#de9797;
    color:white;
}
.babyResult{
    margin:0.8em 0;
}
.babyResult li{
    float:left;
    width:25%;
    height:150px;
}
.babyResult li:first-child{
    width:20%;
}
.res-border{
    margin:0 auto;
    border:5px solid #aaa;
    border-radius:50%;
    text-align:center;
    color:#bbb;
}
.res-border.boyB{
    border-color:#99d7f2;
}
.res-border.girlsB{
    border-color:#FFD4D4;
}
.babyResult li>div.res-border{
    width:80px;
    height:80px;
}
.babyResult li>div:nth-child(2){
    margin:0.7em;
    padding:0.2em 0;
}
.babyResult li>div:nth-child(2)>div{
    float:left;
    padding:0 0.2em;
    text-align:center;
    color:#BAB3BB;
    font-size:1em;
}
.babyResult li>div:nth-child(2)>div font:first-child{
    font-weight:bold;
    font-size:1.2em;
}
.res-left{
    width:50%;
    border-right:1px solid #aaa;
}
.res-left.b-boy{
    border-right:1px solid #99d7f2;
}
.res-left.b-girl{
    border-right:1px solid #F3D2D0;
}
.res-right{
    width:50%;
}
.babyResult li:first-child>div{
    width:120px;
    height:120px;
}
.ev-title{
    padding-top:13%;
    margin-bottom:0.5em;
}
.ev-res,.ev-resP{
    font-size:1.2em;
    font-weight:bold;
}
.babyResult li:first-child .ev-title{
    padding-top:25%;
    margin-bottom:0.5em;
}
.babyResult li:first-child .ev-res{
    font-size:1.2em;
    font-weight:bold;
}

/***曲线***/
#fetonBox{
    position:relative;
    width:530px;
    height:800px;
    margin:0 auto;
}
#feton{
    width:100%;
    height:800px;
    border-radius:8px;
}
.fetonTip{
    position:absolute;
    /*bottom:5.4%;
    right:8.3%;
    height:92px;
    width:187px;*/
    bottom:5.5%;
    right:9.8%;
    height:88px;
    width:152px;
    border-top:1px solid #ccc;
    background:#fff;
    z-index:99;
}
.trends li{
    float:left;
    width:49.6%;
    height:31em;
    margin-right:0.8%;
    margin-bottom:0.8%;
}
.trends li:nth-child(2n+0){
    margin-right:0;
}
.trends li>div:nth-child(1){
    margin-bottom:0.5em;
}
.outfit.girls{
    color:#F07979;
}
.outfit.boys{
    color:#31add4;
}
.fetonTitle{
    margin-bottom:0.6em;
}
.trends li>div:nth-child(2){
    height:28em;
    border-radius:10px;
}
.bg.boys{
    background-color:#0098db!important;
}
.bg.girls{
    background-color:#e47db2!important;
}
/**指导建议***/
#tips{
    margin-bottom: 0;
}
.babyInfo .tips.c-red{
    color:#E77972;
}
.babyInfo .tips.c-blue{
    color:#31add4;;
}
#tips.edit,
#remark.edit{
    padding-left:5px;
    border:1px solid #bbb;
    background:#f7f7f7;
    border-radius:6px;
    min-height:50px;
}
.guideTip{
    margin-bottom:0.8em;
    color:#757575;
}
.guide{
    padding-bottom:2px;
    border-bottom:1px solid #bbb;
}
.guideTip span.pull-right {
    cursor: pointer;
}
.guideTip i{
    margin-right: 5px;
}
/****右侧列表***/
#growingHistory{
    height:100em;
}

#growingHistory .delete {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: red;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}

#growingHistory li{
    margin:2px 0;
    padding-left:5px;
    height:30px;
    line-height:30px;
    background-color:#f2f6f7;
    border-left:5px solid transparent;
    color:#96b0b5;
    position: relative;
}
#growingHistory li:hover{
   cursor:pointer;
}
#growingHistory li.checkB{
    background-color:#dfecf2;
    border-color:#31add4;
    color:#31add4;
}
#growingHistory li.checkG{
    background-color:#ffeded;
    border-color:#F17B7B;
    color:#F07878;
}
.guider{
    padding:0.5em;
    color:#a19da1;
}
.outfit{
    text-align:center;
}
/*打印报告*/
#printContent{
    display:block;
}
.printContent{
    width:790px;
    height:1090px;
    border:5px solid black;
    padding:0 5px;
    background:white;
    page-break-after:always;
}
.printContent .infoList li span{
    color:#101010;
}
.printContent .babyResult li .ev-res,
.printContent .babyResult li>div:last-child>div font:first-child{
    color:#6e6e6e;
}
.printContent .babyInfo{
    border-bottom:1px solid #e8e8e8;
}
.printContent .babyInfo,.printContent .babyInfo-b{
    padding:10px 0;
}
#printContent .tips li{
    text-indent:2em;
    line-height:30px;
}
#printContent .trends li{
    height:300px;
    background-color:transparent;
}
#printContent .trends{
    width:700px;
    margin:0 auto;
}
#printContent .trends li>div:last-child{
    height:270px;
}
#printContent .printFeton{
    position:relative;
    margin:0 auto;
    width:400px;
    height:620px;
}
#printContent .fetonBg{
    width:100%;
    height:620px;
}
#printContent .printFeton>img{
    position:absolute;
    bottom:34px;
    right:39px;
    width:115px;
    height:67px;
    border-left:1px solid #333;
    border-right:1px solid #ccc;
    z-index:99;
}